<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta
			http-equiv="X-UA-Compatible"
			content="IE=edge" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0" />
		<title>demo</title>
		<style>
			body {
				background-color: black;
			}
			#text {
				text-align: center;
				color: #ccc;
				margin-top: 100px;
				font-size: 40px;
			}
			#cursor {
				vertical-align: baseline;
				user-select: none;
				transform: scale(1, 1.215) translate(0, -8.8%);
				display: inline-block;
			}
		</style>
	</head>
	<body>
		<p id="text"></p>

        <script src="../src/index.js"></script>
		<script>
			const dom = document.getElementById('text');

			const ssss = new dazi(dom, {
				speed:30, // 打字速度
				pauseTime: 800, // 停顿时间
				deleteSpeed: 10, // 文字删除速度
				text: [
					'贫穷限制了别人的想象力，但我就不一样了，贫穷限制了我的购买力。',
					'我喜欢日落，月亮，诗歌这些虚无的东西，它们接纳我枯燥的灵魂。可我又常忘却它们徘徊于世俗之间。因为人间烟火四个字，想想就很幸福。而这种期盼幸福的心情使我安定下来，使我对俗世的一切美好抱有爱意。',
					'生活嘛、慢慢来、所有的好运都在路上。',
					'当天空悄悄的拉上窗帘，蔚蓝色慢慢褪去，黑夜中总会有一颗星星在闪闪发亮，梦中我们曾经向往的生活，也即将到来，我们也各自踏上新的旅途...',
					{},
				],
				mode: 'random',
				random_first: '无的东西，它',
				// backtrack: false,
			});

			// cycle or random or once

			// setTimeout(() => {
			// 	console.log('卸载');
			// 	ssss.uninstall();

			// 	console.log(ssss);
			// }, 8000);

			// setTimeout(() => {
			// 	console.log('暂停');
			// 	ssss.pause();

			// 	console.log(ssss);
			// }, 3000);

			// setTimeout(() => {
			// 	console.log('取消暂停');
			// 	ssss.pause();

			// 	console.log(ssss);
			// }, 6000);
		</script>
	</body>
</html>
